技術問答
技術文章
iT 徵才
聊天室
2025 鐵人賽
登入/註冊
問答
文章
Tag
邦友
鐵人賽
搜尋
2021 iThome 鐵人賽
DAY
4
0
Modern Web
我的網頁前端小小小教室
系列 第
4
篇
Day4 Javascript介紹
13th鐵人賽
karta1366796
團隊
imac_跳過這篇
2021-09-18 12:07:11
866 瀏覽
分享至
在前面的文章中,我們有淺談到Javascript在網頁中所扮演的角色,而Javascript到底是甚麼呢?網頁中呈現給使用者是靜態的資料,但若我們不想要死板板的,而是能夠跟使用者進行互動,譬如說當你滑鼠觸碰到這張圖片時,進行幻燈片的效果、又或者是當註冊帳號時,後面通常都會有個檢查的綠色勾勾,以及購物網站點購物車時跳出你的商品清單,這些都是網頁跟使用者互動的行為,Javascript就是扮演著讓網頁生動起來的角色!
然而Javascript還可以串接API,API是甚麼呢?API( Application Programming Interface),中文是"應用程式介面"。好,我相信你還是不懂,API白話來說,就是溝通的介面,你想要查詢墾丁怎麼去,你要先上網在Google Maps上面搜尋墾丁,系統知道你要去的地方是墾丁後,去資料庫搜尋,把結果回傳到網頁上讓使用者閱讀。
所以我們要把這個搜尋地區的功能帶到我們的網頁裡,就可以使用到Google Maps API,像是一些美食網站、旅遊網站,就可以替使用者省下要再把地址貼到Google Maps上面的時間,而是能夠直接的在你設計的網頁裡進行瀏覽!是不是大大提升了你網頁的互動性呢!
當然API不會只有Google Maps一種而已,還有像是氣象的API、播放音樂的API、3D影像的API,這些都可以透過Javascript讓你的網頁更加多元、豐富!
留言
追蹤
檢舉
上一篇
Day3 CSS裝潢大師
下一篇
Day5 網頁製作環境建設
系列文
我的網頁前端小小小教室
共
30
篇
目錄
RSS系列文
訂閱系列文
9
人訂閱
26
Day26 Bootstrap建立網頁
27
Day27 Javascript元件庫 Jquery介紹
28
Day28 JQuery應用
29
Day29 JQuery蓋板廣告應用
30
Day30 JQuery 控制CSS
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
iThome鐵人賽
參賽組數
902
組
團體組數
37
組
累計文章數
19845
篇
完賽人數
528
人
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
EPSON LQ-690C 印表機中一刀跑版
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
AARQ 通訊協議是?
印表機設定 - Epson 690c
FortiGate SSLVPN替代方案?
Dell or Asus 伺服器,哪牌比較好?
Dell or Asus Storage 或NAS,哪牌比較好?
將硬碟上的 EFI 分割區複製到固態硬碟後,ARM 架構的 Ubuntu Server 無法啟動
sdray vigor2927 sslvpn ip設定問題
iT邦幫忙如何搜尋 關鍵字?
熱門回答
FortiGate SSLVPN替代方案?
EPSON LQ-690C 印表機中一刀跑版
[Javascript] 非同步執行,如何延緩後面程式的處理 ??
印表機設定 - Epson 690c
Dell or Asus 伺服器,哪牌比較好?
熱門文章
台灣職場必學的Excel函數技巧
c++的.h和cpp,放在相同目錄下好,還是頂層就用include,src分開好? [搬運/問答]
什麼是四大報表及其組成?完整解析
VScode 開發應用系統專案(8-1) - Spring Boot Security 設定與認證前置準備
VScode 開發應用系統專案(8-3) - Spring Boot Security 客製化多元登入認證
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}